<template>
  <KView class="sys-tag" :style="tagStyle">
    <slot></slot>
  </KView>
</template>

<script>
  export default {
    props: {
      color: {
        type: String,
        default: '#78c77f'
      },
      bgColor: {
        type: String,
        default: '#e1f8e3'
      }
    },

    computed:{
      tagStyle(){
        return {
          color:this.color,
          backgroundColor:this.bgColor
        };
      }
    },

    data() {
      return {};
    }
  };

</script>

<style lang="scss">
  .sys-tag {
    display: inline-block;
    padding: formatPx(6) formatPx(8);
    white-space: nowrap;
    border-radius: formatPx(6);
  }

</style>
